<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>吃货宝</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/index/Index.css">
</head>

<body>
    <div class="head">
        <img src="image/index/LOGO.png" class="LOGO">
        <!-- 头部链接 -->
        <div class="head-link"><span><a href="#">登录</a></span><span><a href="#">注册</a></span><span><a href="#">我的店铺</a></span></div>
    </div>
    <!-- 尾部链接区域 -->
    <div class="tail">
        <!-- 搜索栏 -->
        <div class="btn-group search-bar">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="float: none;font-weight:bold;">
                <span class="glyphicon glyphicon-map-marker"></span>地址 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
                <li><a href="#">广东海洋大学</a></li>
                <li><a href="#">湖光岩东</a></li>
            </ul>
            <input type="text" class="form-control search-bar search-box">
            <button type="button" class="btn btn-default" style="float: none;font-weight:bold;"><span class="glyphicon glyphicon-search"></span>搜索</button>
        </div>
        <!-- 底部链接栏 -->
        <div class="tail_link">
            <a href="#">联系我们</a>
            <a href="">投诉我们</a>
            <a href="">合作申请</a>
            <a href="">我要开店</a>
        </div>
    </div>
    <script type="text/javascript" src="script/index/Index.js"></script>
    <script type="text/javascript" src="script/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="script/bootstrap.min.js"></script>
</body>

</html>
